<div class="hero-with-right-image">
	<div class="hero-content">
		<div>
			{%- if title -%}
			<h1 class="hero-title">
				{{ _(title) }}
			</h1>
			{%- endif -%}
			{%- if subtitle -%}
			<p class="hero-subtitle">
				{{ _(subtitle) }}
			</p>
			{%- endif -%}
			<div>
				{%- if primary_action -%}
				<a class="btn btn-lg btn-primary" href="{{ primary_action }}">
					{{ _(primary_action_label) }}
				</a>
				{%- endif -%}
				{%- if secondary_action -%}
				<a class="btn btn-lg btn-primary-light" href="{{ secondary_action }}">
					{{ _(secondary_action_label) }}
				</a>
				{%- endif -%}
			</div>
		</div>
	</div>
	{%- if image -%}
	{{ frappe.render_template('templates/includes/image_with_blur.html', {
		"src": image,
		"alt": "",
		"class": ["hero-image", "contain-image" if contain_image else ""]
	}) }}
	{%- endif -%}
</div>
